<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta charset="utf-8">
<link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />
</head>
<body>
<div class="wrap">
<div class="header">
	<div class="top"><a href="index.html"><img src="img/header.jpg" /></a></div>
    
   
    <div class="clear"></div>
</div>
<div class="content">
    <div class="sidebar">
    	<div class="side">
            <h3>商品分类</h3>
            <ul>
                <li><a href="detail.html">速溶咖啡</a></li>
                <li><a href="detail.html">白咖啡</a></li>
                <li><a href="detail.html">咖啡器具</a></li>
                <li><a href="detail.html">咖啡原料</a></li>
                <li><a href="detail.html">咖啡辅料</a></li>
                <li><a href="detail.html">咖啡壶</a></li>
                <li><a href="detail.html">咖啡研磨机</a></li>
                <li><a href="detail.html">烘焙机</a></li>
                <li><a href="detail.html">咖啡杯</a></li>
                <li><a href="detail.html">咖啡机零件</a></li>
                <li><a href="detail.html">奶泡壶</a></li>
                <li><a href="detail.html">咖啡豆</a></li>
                <li><a href="detail.html">有机咖啡</a></li>
                <li><a href="detail.html">咖啡胶囊</a></li>
                <li><a href="detail.html">猫屎咖啡</a></li>
                <li><a href="detail.html">咖啡糖</a></li>
                <li><a href="detail.html">手冲咖啡</a></li>
                <li><a href="detail.html">挂耳咖啡</a></li>
                <li><a href="detail.html">黑咖啡</a></li>
                <li><a href="detail.html">蓝山咖啡</a></li>
                <li><a href="detail.html">拿铁咖啡</a></li>
                <li><a href="detail.html">其他</a></li>
            </ul>
        </div>
    </div>
    <div class="nav">
                <ul>
                    <li><a href="detail.html">新品速递</a></li>
                    <li><a href="detail.html">人气商品</a></li>
                    <li><a href="detail.html">经典口味</a></li>
                    <li><a href="mine.html">购物车</a></li>
                </ul>
            </div>
	<div class="main">
        <div class="grid">
            <div class="prev"><a href="#"><img src="img/1.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：星巴克</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="grid">
        	<div class="prev"><a href="#"><img src="img/2.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：麦斯威尔</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="grid">
            <div class="prev"><a href="#"><img src="img/3.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：雀巢咖啡</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="grid">
            <div class="prev"><a href="#"><img src="img/4.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：黑咖啡</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
         <div class="grid">
            <div class="prev"><a href="#"><img src="img/5.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：白咖啡</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="grid">
            <div class="prev"><a href="#"><img src="img/6.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：白咖啡</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="grid">
            <div class="prev"><a href="#"><img src="img/7.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：蓝山咖啡</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
         <div class="grid">
            <div class="prev"><a href="#"><img src="img/8.jpg" /></a></div>
            <ul class="details">
                <li><a href="#">名称：蓝山咖啡</a></li>
                <li><a href="#">产地：土耳其</a></li>
                <li><a href="#">净含量：100g</a></li>
                <li><a href="#">售价：￥100</a></li>
                <li><a href="#">更多详情</a></li>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>
</div>
<div class="wrap">
<div id="bg_footer">	
    <div id="footer">
    <div class="clear"></div>
    <div class="copy">Copyright &copy; 2016.CoffeeBean.
    <a target="_blank" href="#">网站地图</a>/<a target="_blank" href="#">沙龙动态</a>/<a target="_blank" href="#">友情链接</a>/<a target="_blank" href="#">会员注册</a>/<a target="_blank" href="#">会员登录</a>/<a target="_blank" href="#">联系站长@331</a></div>
</div>
</div>
</body>
</html>
